<template>
	<div class="pc">
		<div class="header">
		 <div class="all_width">
		 	<div class="top_left">
		 		<div class="t_phone"><img src="../assets/index/images/index_03.png" alt="" /><span>400-888-888</span></div>
		 	    <div class="t_phone"><img src="../assets/index/images/index_05.png" alt="" /><span>iszhiyuan@126.com</span></div>
		 	</div>
		 	<div class="top_right">
		 		<div class="j_vip">
		 			<span>开通</span><b>|</b><span>激活vip</span>
		 		</div>
		 		<div class="login">
		 			<span>登录</span><b>|</b><span>注册</span>
		 		</div>
		 		<div class="p_number">
		 			<span>123****789</span><img src="../assets/index/images/index_07.png" alt="" />
		 		</div>
		 	</div>
		 </div>
		</div>
		<!--导航栏-->
		
	  <!--展示页面-->
	   <!--<indexnav></indexnav>-->
	   <router-view></router-view>
	 <!--<div class="foot">Copyright 2018 All rights reserved</div>-->
	 <!--<router-link :to="{name: 'head'}"> </router-link> -->
	 <footnav></footnav>
	</div>
	
</template>


<script>
	import footnav from '@/components/pcfoot'
	export default{
		name:'pc',
		data(){
			return{	
			 course:'理科',
			 adindex:'s',  //地址选择
			 adname:'省份*',  //地址选择
			 addressPanel:false,
			 classeslist:[
			  {name:'理科',value:1},
			  {name:'文科',value:2}
			 ],
			 addressList:[
			   {name:'北京',index:'b'},
			   {name:'上海',index:'s'},
			   {name:'广州',index:'g'},
			   
			 ]
			}
		},
		components : {
             footnav
         },

		methods:{
			
		}
	}
</script>
<style>
.header{width:100%;height:40px;background-color:#000000;}
@media (min-width: 1100px){
  .all_width{width:1220px;margin:0 auto;position: relative;overflow: hidden;}
  .top_left{display: inline-block;}
  .t_phone{line-height: 40px;display:inline-block;padding-right:35px;}
  .t_phone span{color:#cccccc;display:inline-block;padding-left:5px;font-size:12px;cursor: pointer;}
  .t_phone img{position: relative;top:5px;}
  .top_right{display:inline-block;float:right;}
  .j_vip{display:inline-block;line-height: 40px;padding-right:85px;}
  .j_vip span{display:inline-block;color:#ffffff;font-size:12px;padding:0 5px;cursor: pointer;}
  .j_vip b{color:#666666;}
  .login{display:inline-block;line-height: 40px;padding-right:85px;}
  .login span{display:inline-block;color:#ffffff;font-size:12px;padding:0 5px;cursor: pointer;}
  .login b{color:#666666;}
  .p_number{display:inline-block;line-height: 40px;;}
  .p_number span{color:#ffffff;font-sizE:12px;display: inline-block;padding-right:5px;}
  .p_number img{position: relative;top:10px;}
/*导航*/
.dh_pc{width:1200px;position: absolute;left:50%;margin-left:-600px;top:0px;display:flex;display:-webkit-flex;display:-ms-flex;
}
.catgren{min-width:1054px;height:120px;background-color:#ffffff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;
border-top-left-radius: 10px;border-top-right-radius: 10px;position: absolute;z-index:1;bottom:30px;left:85px;
left:50%;margin-left:-527px;}
.cat_list{padding-top:20px;padding-bottom: 15px;overflow: hidden;position: relative;margin-left:52.7px;}
.cat_list li{width:15%;float:left;text-align: center;padding-right:10px;cursor: pointer;}
.cat_list li span:hover{color:#ffb606;}
.t_banner{width:100%;position: relative;overflow: hidden; }
.t_banner .ban_fix{width:100%;height:563.83px;}
.logo{margin-top:15px;width:15%;}
.logo img{width:100%;cursor: pointer;}
.dh_list{width:55%;text-align: center;}
.dh_list .dh_ul{margin-top:40px;}
.dh_list li{float:left;text-align:center;margin-right:30px;list-style: none;cursor: pointer;color:#ffffff;position: relative;}
.dh_list li .down{margin-left:3px; width: 0;height: 0;display:inline-block;border-left: 8px solid transparent;
 border-right: 8px solid transparent;border-top: 7px solid #ffffff;border-top-right-radius:2px;border-top-left-radius:2px;}
/*.dh_list li .down:after{
  content: '';
  position: absolute;
  top: 8px;
  right: 0px;border-top: 7px solid #ffffff;border-left: 8px solid transparent;border-right: 8px solid transparent;
  border-top-right-radius:2px;border-top-left-radius:2px;
}*/
.dh_list li .top{margin-left:3px; width: 0;height: 0;display:inline-block;border-left: 8px solid transparent;
 border-right: 8px solid transparent;border-bottom: 7px solid #ffffff;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}

.dh_ul li a{color:#ffffff;text-decoration: none;}
.dh_ul li:hover{border-bottom: 3px solid #ffb606;padding-bottom: 5px;}
.bigData{position: relative;}
.bigPanel ul{border:1px solid #ddd;border-top:none;}
.bigPanel p{text-align: left;width:100%;font-size:14px;padding-bottom: 5px;}
.bigPanel{position: absolute;text-align:left;left:0;top:30px;z-index: 999;}
.foot{margin-top:100px;height:50px;line-height:50px;text-align:left;background-color:#000000;color:#ffffff;font-size:12px;padding-left:50px;}
.t_banner_back{width:100%;height:563.83px;background-color:#000000;position: absolute;top:0px;opacity: 0.5;}
.dh_ul_li{}
.dhli{border-bottom: 3px solid #ffb70a;padding-bottom: 5px;}
}
</style>